<template>
  <div class="flex flex-grow py-1 border-emerald-500 border-b-2">
    <label class="flex-grow-0 w-20 truncate" for="priority">
      {{ title }}：
    </label>
    <z-select
      class="flex-grow w-20"
      name="priority"
      :options="options"
      v-bind="attrs"
      default-label="全部"
      default-value="all"
    />
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  inheritAttrs: false,
  props: {
    title: String,
    options: {
      type: [Array, Object],
      required: true,
    },
  },
  setup(props, { attrs }) {
    return {
      attrs,
    };
  },
});
</script>
